<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="shortcut icon" href="https://www.erke.com/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/details.css">
</head>

<body>

    <div class="header"></div>

    <main>

    </main>

    <script type="text/html" id="main-template">

        <div class="main-wrap">
                <div class="detailsTittle">
                    <a href="/index.html">首页</a>
                    <span class="bgSpan"></span>
                    <a href="/html/list.html">商品页</a>
                    <span class="bgSpan"></span>
                    
                </div>
                <div class="detailsContent">
                    <div class='detaConLeft'>
                        <div class="detaphoneImg">
                          <img class="zoom-img" src="{{imgs[0].img}}" data-zoom-image="{{imgs[0].img}}" alt="">  
                        </div>
                        <div class="smallCarusel">
                                
                                <div>
                                    <ul class="carousel" id="gal1">
                                        {{each imgs img1}}
                                        <li >
                                          <a href="javascript:;" data-image="{{img1.img}}" data-zoom-image="{{img1.img}}">
                                              <img src="{{img1.img}}" alt="">
                                          </a>
                                        </li>
                                        {{/each}}
                                    </ul>
                                </div>
                                
                        </div>
                    </div>
                    <div class='detaConRight'>
                        <h2>
                            <span>{{title}}</span>
                            
                        </h2>
                        
                        <p class="title">
                            <span>{{desc}}</span>
                        </p>
                        <div class="info">
                            <p><span class="pre">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span><span>￥{{price}}</span>
                            </p>
                            <div>
                                <span class="pre infoC">促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span>
                                <span></span><span class="passPrice">￥{{passPrice}}</span>
                            </div>
                        </div>
                        
                        <p class="typeNum"><span class="pre">商品编号</span><span>{{symbol}}</span></p>
                        <div class="line"></div>
                        <div class="color pre clickBorder">
                            <span class="pre">选择颜色</span>
                            <ul class="colors">
                                {{each imgs col}}
                                <li>
                                    <img src="{{col.img}}" alt="">
                                    <span>{{col.txt}}</span>
                                </li>
                                {{/each}}  
                            </ul>
                        </div>
                        <div class="edition pre clickBorder">
                            <span class="pre">选择尺码</span>
                            <ul class="size">
                                {{each size index}}
                                <li>{{index}}</li>
                                {{/each}}  
                            </ul>
                        </div>
                        
                        
                        
                        
                        <div class="recommend pre">
                            <span class="pre">推荐</span>
                            <ul>
                                    {{each moreGoods index}}
                                    <li>{{index}}</li>
                                    {{/each}}
                            </ul>
                        </div>
                       
                        <div class="addCart">
                            <div class="changeNum">
                                <div ><span type="text" id="selectNum" style="width:41px;height:43px;text-align:center;"  >1</span></div>
                                <div>
                                    <span style="color:#000;" id="add">+</span>
                                    <span id="redu">-</span>
                                </div>
                            </div>
                            <button class="addCart " id="addToCart">加入购物车</button>
                           <button class="orderImmediately " id="buy">立即下单</button>
                            
                        </div>
    
    
                    </div>
                </div>
            </div>
          </script>
    <a href="/html/shopCart.html"><div class="shopCart" id="shopCart"><i>我的购物车</i><br/><span id="shopNum"> 0</span></div></a>
<div class="footer"></div>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/details"></script>

</html>